<template>
    <div class="collect-warp">
        <div class="title">
            <span :style="{'color':Color}">我的收藏</span>
        </div>
        <div class="collect-list">
            <collect-item v-for="(item,index) in CollectList" :data="item" :key="index"></collect-item>
        </div>
    </div>
</template>

<script>
import CollectItem from '../Index/List/Item'
export default {
    name: 'CollectWarp',
    components: {
        CollectItem
    },
    props: {
        CollectList: {
            type: Array
        }
    },
    computed: {
        Color() {
            return this.$store.state.colorItem[this.$store.state.colorIndex].color
        }
    }
}
</script>

<style scoped>
.collect-warp .title{
    padding: 0.2rem;
    font-size:0.36rem;
    font-weight:600;
    background:#fff;
}
.collect-warp .collect-list{
    padding:0 0.2rem;
}
</style>